Subversion Repositories SmartDukaan

Rev

Rev 8277 | Rev 8361 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 8277 Rev 8317
Line 1... Line 1...
1 
<!DOCTYPE html>
 1 
<!DOCTYPE html>
2 
 
 2 
 
3 
<html>
 3 
<html>
4 
<head>
 4 
    <head>
5 
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
 5 
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
6 
    <meta content="NO-CACHE" http-equiv="CACHE-CONTROL">
 6 
        <meta content="NO-CACHE" http-equiv="CACHE-CONTROL">
7 
    <meta content="no-cache" http-equiv="Pragma">
 7 
        <meta content="no-cache" http-equiv="Pragma">
- 
 
 8 
        <meta content="India's first Android only devices stores. Find all the latest Android smartphones, tablets, accessories and apps under one roof." name="description">
8 
    <meta content="-1" http-equiv="Expires">
 9 
        <meta content="-1" http-equiv="Expires">
9 
    <meta name="description" content="India's first Android only devices stores. Find all the latest Android smartphones, tablets, accessories and apps under one roof.">
 - 
 
10 
 
 10
11 
    <title>Android Store | Androidland in Bangalore</title>
 11 
        <title>Android Store | Androidland in Bangalore</title>
12 
    #include ( "templates/commoncssfiles.vm" )
 12 
        #include ( "templates/commoncssfiles.vm" )
13 
    <link href="/css/androidland/style.css" rel="stylesheet" type="text/css">
 13 
        <link href="/css/androidland/style.css" rel="stylesheet" type="text/css">
14 
    <link href="/css/androidland/main.css" rel="stylesheet" type="text/css">
 14 
        <link href="/css/androidland/main.css" rel="stylesheet" type="text/css">
15 
	<link href="/css/androidland/counter013.css" media="all" rel="stylesheet" type="text/css">
 15 
        <link href="/css/androidland/counter013.css" media="all" rel="stylesheet" type="text/css">
16 
    <link href="/css/androidland/widget115.css" media="all" rel="stylesheet" type="text/css">
 16 
        <link href="/css/androidland/widget115.css" media="all" rel="stylesheet" type="text/css">
17 
    <style>
 - 
 
18 
      #map_canvas {
 - 
 
19 
        width: 685px;
 - 
 
20 
        height: 436px;
 - 
 
21 
      }
 - 
 
22 
    </style>
 - 
 
23 
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
 17 
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
- 
 
 18 
		<link type="text/css" rel="stylesheet" href="/css/jquery.slidy.css"/>
24 
    <script>
 19 
		<script>
25 
		function initialize() {
 20 
        function initialize_kor() {
26 
	    	var mapCanvas = document.getElementById('map_canvas');
 21 
                var mapCanvas = document.getElementById('map_canvas_kor');
27 
	    	var kora = new google.maps.LatLng(12.931957,77.62271);
 22 
                var kora = new google.maps.LatLng(12.931957,77.62271);
- 
 
 23 
                var center = new google.maps.LatLng(12.931957,77.62271);
28 
	    	var mapOptions = {
 24 
                var mapOptions = {
29 
	      		center: kora,
 25 
                    center: center,
30 
	      		zoom: 10,
 26 
                    zoom: 14,
31 
	      		mapTypeId: google.maps.MapTypeId.ROADMAP
 27 
                    mapTypeId: google.maps.MapTypeId.ROADMAP
32 
	    	};
 28 
                };
33 
	    	var map = new google.maps.Map(mapCanvas, mapOptions);
 29 
                var map = new google.maps.Map(mapCanvas, mapOptions);
34
- 
 
35 
    		var marker = new google.maps.Marker({
 30 
                var koramarker = new google.maps.Marker({
36 
      			position: kora,
 31 
                    position: kora,
37 
      			map: map,
 32 
                    map: map,
38 
      			title: 'Koramangla, Bangalore'
 33 
                    title: 'Koramangala, Bangalore'
39 
			});
 - 
 
40 
		}
- 
 
41 
		google.maps.event.addDomListener(window, 'load', initialize)
 - 
 
42 
	</script>
 - 
 
43 
</head>
 - 
 
44 
 
 - 
 
45 
<body>
 - 
 
46 
	$action.getHeaderSnippet()
 - 
 
47 
 
 - 
 
48 
    <div class="wrapper">
 - 
 
49 
        <div class="banner_carousel short has_tabbers" style="background: url('/images/androidland/main-banner.jpg') no-repeat;">
 - 
 
50 
            <script>
 34 
                });
51 
function navBannerGo(val) {
 - 
 
52 
            location.href = val;
 - 
 
53 
            }
 35 
            }
54 
            </script>
 36
55 
 
 37 
			function initialize_noida() {
56 
            <div class="content_tabber_con">
 38 
                var mapCanvas = document.getElementById('map_canvas_noida');
57 
                <div class="content_tabber_scroller">
 39 
                var tgip = new google.maps.LatLng(28.57201,77.326555);
58 
                    <a class="content_tabber" href="/androidland-overview">Overview</a>
 40 
                var center = new google.maps.LatLng(28.57201,77.326555);
59 
					<a class="content_tabber current" href="/androidland">AndroidLand Store
 41 
                var mapOptions = {
60 
						<img src="/images/androidland/arrow_tab_yellow.png" style="width: 162px;">
 42 
                    center: center,
61 
					</a>
 43 
                    zoom: 14,
62 
					<a class="content_tabber" href="/androidland-devices">Android Devices</a>
 44 
                    mapTypeId: google.maps.MapTypeId.ROADMAP
63 
					<a class="content_tabber" href="/androidland-apps">Android Apps</a>
45 
                };
64 
                </div><!-- .content_tabber_con -->
 46 
                var map = new google.maps.Map(mapCanvas, mapOptions);
65 
            </div>
 47 
                var tgipmarker = new google.maps.Marker({
66 
        </div>
 48 
                    position: tgip,
67 
 
 49 
                    map: map,
68 
        <div class="content">
 50 
                    title: 'TGIP Mall, Noida'
69 
            <div class="padded_content">
 51 
                });
70 
                <div class="grid_3_left_middle">
 52 
            }
71 
					<h2 style="border-bottom:1px solid #AAAAAA">Welcome to AndroidLand&#8482;</h2>
 53 
			google.maps.event.addDomListener(window, 'load', initialize_kor);
72 
					<div style="padding:10px;margin:10px 0px;border-bottom:1px solid #AAAAAA">
 54 
        </script>
73 
						AndroidLand, powered by Spice, will showcase the latest and widest range of Android smartphones and tablets from all the big brands.
55
74 
					</div>
 56 
    	<style>
75 
					<div style="padding:5px;">
 57 
			@font-face {
76 
						<img src="/images/androidland/store-image-1.png" style="width: 485px;float:left;margin-right:20px;">
 58 
                font-family: 'ralewaylight';
77 
						<span style="padding:10px;">
 59 
                src: url('/fonts/androidland/raleway-light.eot');
78 
						This first of its kind chain of stores has been launched by <b>S Mobility</b>, India’s leading Mobile Internet company.
 60 
                src: url('/fonts/androidland/raleway-light.eot?#iefix') format('embedded-opentype'),
79 
						<br>
 61 
                     url('/fonts/androidland/raleway-light.woff') format('woff'),
80 
						<br>
 62 
                     url('/fonts/androidland/raleway-light.ttf') format('truetype'),
81 
						The first two stores are in <b>Koramangala</b> (Bangalore) and <b>The Great India Place Mall</b> (Noida).
 63 
                     url('/fonts/androidland/raleway-light.svg#ralewaylight') format('svg');
82 
						<br>
 64 
                font-weight: normal;
83 
						<br>
 65 
                font-style: normal;
84 
						Inside these vast stores, you will get a comprehensive, never-before experience of the Android platform.</span>
 66
85 
					</div>
 67 
            }
86
68
87 
					<div style="clear:both;"></div>
 69
88
70
89 
					<div style="padding:5px;margin-top:12px">
 71
90 
						<b style="font-size:15px">Highlights from the unique AndroidLand experience:</b>
 72 
            @font-face {
91 
						<img src="/images/androidland/store-image-2.png" style="width: 485px;float:right;margin-left:20px;margin-top:6px">
 73 
                font-family: 'ralewayregular';
92 
						<span style="padding:10px;"><br>
 74 
                src: url('/fonts/androidland/raleway-regular.eot');
93 
 
 75 
                src: url('/fonts/androidland/raleway-regular.eot?#iefix') format('embedded-opentype'),
94 
<b>Fun and open design –</b><br> The open plan design will inspire you to discover the fun world of Android. Interact with the displays and devices. Take photographs with the Android robots.<br><br>
76 
                     url('/fonts/androidland/raleway-regular.woff') format('woff'),
95 
 
 77 
                     url('/fonts/androidland/raleway-regular.ttf') format('truetype'),
96 
<b>Android choice showcase –</b><br> A wide variety of live Android smartphones and tablets that you can play with along with a selection of accessories.<br><br>
 78 
                     url('/fonts/androidland/raleway-regular.svg#ralewayregular') format('svg');
97 
 
 79 
                font-weight: normal;
98 
<b>Google Play Zone – </b><br>An exclusive area showcasing the most popular apps and games from Google Play. You can choose to search and download multiple applications from Google Play on the spot.<br><br>
 80 
                font-style: normal;
99 
 
 81
100 
<b>Expert advice –</b><br>AndroidLand store staff (Spice Android Gurus) have been specially trained on the Android platform and will be able to help you select the device that’s right for you and then set-up, customize and provide apps recommendations.<br><br>
82 
            }
101 
 
 83
102 
<b>Free WiFi –</b> <br>Free WiFI in store for you to browse the Internet from the live units</span>
 84 
    		.main-background {
103 
					</div>
 85 
    			background-color:#E1E1E1;
104 
					<div style="clear:both;"></div>
 86 
    		}
- 
 
 87
- 
 
 88 
    		.container {
- 
 
 89 
    			padding:10px 10px 0 10px;
- 
 
 90 
    			box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
- 
 
 91 
                -moz-box-shadow: 0 0 9px 1px -moz-rgba(0,0,0,.2);
- 
 
 92 
                -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
- 
 
 93 
				width:940px;
- 
 
 94 
				margin:auto;
- 
 
 95 
				background-color:white;
- 
 
 96 
				color:#444444;
- 
 
 97 
    		}
- 
 
 98
- 
 
 99 
			.content-after-banner {
- 
 
 100 
				font-size:18px;
- 
 
 101 
				font-family:'ralewaylight';
- 
 
 102 
			}
- 
 
 103
- 
 
 104 
			h1, h2 {
- 
 
 105 
				font-size:40px;
- 
 
 106 
				font-family:'ralewayregular';
- 
 
 107 
				margin:40px 0 0 0;
- 
 
 108 
				color:#444444;
- 
 
 109 
			}
- 
 
 110
- 
 
 111 
			h3 {
- 
 
 112 
				font-size:30px;
- 
 
 113 
				margin:30px 0;
- 
 
 114 
				color:#444444;
- 
 
 115 
				font-family:'ralewaylight';
- 
 
 116 
			}
- 
 
 117
- 
 
 118 
			.container p {
- 
 
 119 
				padding:30px 0 30px 20px;
- 
 
 120 
			}
- 
 
 121
- 
 
 122 
			.container h1, .container h2{
- 
 
 123 
				padding-left:20px;
- 
 
 124 
			}
- 
 
 125
- 
 
 126 
			table.promotion-table {
- 
 
 127 
                padding-left: 20px;
- 
 
 128 
                background-color: #2789c1;
- 
 
 129 
                color: white;
- 
 
 130 
                width: 100%;
- 
 
 131 
			}
- 
 
 132
- 
 
 133 
			table.promotion-table td {
- 
 
 134 
                height: 100px;
- 
 
 135 
                vertical-align: middle;
- 
 
 136 
                font-size: 30px;
- 
 
 137 
			}
- 
 
 138
- 
 
 139 
			.separator {
- 
 
 140 
				border-top:1px solid #d9d9d9;
- 
 
 141 
				margin:2px 0;
- 
 
 142 
			}
- 
 
 143
- 
 
 144 
			.outer-block {
- 
 
 145 
            	margin:45px 0;padding: 0 40px;
- 
 
 146 
            }
- 
 
 147
- 
 
 148 
            .image-holding-block {
- 
 
 149 
            	text-align:center;
- 
 
 150 
            }
- 
 
 151
- 
 
 152 
            .image-block {
- 
 
 153 
            	width:330px;
- 
 
 154 
				height:300px;
- 
 
 155 
				box-shadow:0px 0px 5px 1px #666666;
- 
 
 156 
            }
- 
 
 157
- 
 
 158 
			#store-banners {
- 
 
 159 
				box-shadow:0px 0px 5px 1px #666666;
- 
 
 160 
			}
- 
 
 161
- 
 
 162 
            .left-inner-block {
- 
 
 163 
            	padding:0 20px 0 60px;
- 
 
 164 
				float:left;
- 
 
 165 
				width:350px;
- 
 
 166 
            }
- 
 
 167
- 
 
 168 
			.right-inner-block {
- 
 
 169 
            	padding:0 60px 0 20px;
- 
 
 170 
				float:left;
- 
 
 171 
				width:350px;
- 
 
 172 
            }
- 
 
 173
- 
 
 174 
			.map_canvas {
- 
 
 175 
                width: 420px;
- 
 
 176 
                height: 250px;
- 
 
 177 
			}
- 
 
 178
- 
 
 179 
			.right-inner-block p, .left-inner-block p {
- 
 
 180 
				padding:0 0 0 0;
- 
 
 181 
			}
- 
 
 182
- 
 
 183 
			.inline-mini-banner {
- 
 
 184 
				float:left;
- 
 
 185 
				box-shadow:0px 0px 5px 1px #666666;
- 
 
 186 
				height:140px;
- 
 
 187 
				width:220px;
- 
 
 188 
			}
- 
 
 189
- 
 
 190 
			#map_canvas_kor {
- 
 
 191 
				margin: 0 30px 0 20px;
- 
 
 192 
				float: left;
- 
 
 193 
			}
- 
 
 194
- 
 
 195 
			#map_canvas_noida {
- 
 
 196 
				margin: 0 20px 0 30px;
- 
 
 197 
				float: left;
- 
 
 198 
			}
- 
 
 199
- 
 
 200 
			.address-heading {
- 
 
 201 
				width: 470px;
- 
 
 202 
				float: left;
- 
 
 203 
				text-align: center;
- 
 
 204 
				margin: 30px 0 0 0;
- 
 
 205 
				font-size: 30px;
- 
 
 206 
			}
- 
 
 207
- 
 
 208 
    	</style>
- 
 
 209 
    </head>
- 
 
 210 
 
- 
 
 211 
    <body>
- 
 
 212 
         $action.getHeaderSnippet()
- 
 
 213 
        <div class='main-background'>
- 
 
 214 
    		<div class='container'>
- 
 
 215 
				<div class="banner_carousel short has_tabbers" style="background: url('/images/androidland/main-banner.jpg') no-repeat;">
- 
 
 216 
                    <script>
- 
 
 217 
        function navBannerGo(val) {
- 
 
 218 
                    location.href = val;
- 
 
 219 
                    }
- 
 
 220 
                    </script>
- 
 
 221
- 
 
 222 
                    <div class="content_tabber_con">
- 
 
 223 
                        <div class="content_tabber_scroller">
- 
 
 224 
                            <a class="content_tabber" href="/androidland-overview">Overview</a>
- 
 
 225 
        					<a class="content_tabber  current" href="/androidland">AndroidLand Store
- 
 
 226 
								<img src="/images/androidland/orange-tab.png" style="width: 100%;">
- 
 
 227 
							</a>
- 
 
 228 
        					<a class="content_tabber" href="/androidland-devices">Android Devices</a>
- 
 
 229 
        					<a class="content_tabber" href="/androidland-apps">Android Apps</a>
- 
 
 230 
							<a class="content_tabber" href="/androidland-fun-zone">Fun Zone</a>
- 
 
 231 
                        </div><!-- .content_tabber_con -->
- 
 
 232 
                    </div>
- 
 
 233 
                </div>
- 
 
 234 
				<div class="content-after-banner">
- 
 
 235 
        			<h1>Welcome to Androidland</h1>
- 
 
 236 
        			<p>India's first chain of Android-only mobile stores. Discover the latest and the widest range of Android smartphones and tablets from all the big brands.</p>
- 
 
 237 
					<div id="store-banners">
- 
 
 238 
						<img src="/images/androidland/slide-1.jpg"></img>
- 
 
 239 
						<img src="/images/androidland/slide-2.jpg"></img>
- 
 
 240 
						<img src="/images/androidland/slide-3.jpg"></img>
- 
 
 241 
						<img src="/images/androidland/slide-4.jpg"></img>
- 
 
 242 
						<img src="/images/androidland/slide-5.jpg"></img>
- 
 
 243 
						<img src="/images/androidland/slide-6.jpg"></img>
- 
 
 244 
                    </div>
105
245
- 
 
 246 
					<h2>First of its kind</h2>
- 
 
 247 
					<p>AndroidLand chain of stores will sell only Android-related products.</p>
- 
 
 248 
					<p style="padding-top:0;">Inside these vast stores, you will get a comprehensive, never-before experience of the Android platform - products, accessories, apps, helpful assistants, and of course, the gentle green Android Robots.</p>
- 
 
 249 
					<div class='separator' style='margin-top:30px;'></div>
- 
 
 250 
					<table class='promotion-table'>
- 
 
 251 
						<thead></thead>
- 
 
 252 
						<tbody>
- 
 
 253 
							<tr>
- 
 
 254 
								<td>Get a chance to win a Google Nexus 4</td>
106 
					<h3 style="border-bottom:1px solid #AAAAAA;border-top:1px solid #AAAAAA;padding: 10px;margin: 10px 0;">TAKE A TOUR</h3>
 255 
								<td><a style="background-color: #ff5d00;display: inline-block;padding: 5px;font-size: 25px;text-decoration: none;color: white;" href="/androidland-fun-zone">Know More</a></td>
- 
 
 256 
							</tr>
- 
 
 257 
						</tbody>
- 
 
 258 
					</table>
- 
 
 259 
					<div class='separator'></div>
107
260
108 
					<div style="padding:5px;">
 261 
					<div class='outer-block'>
- 
 
 262 
						<div class='left-inner-block'>
- 
 
 263 
							<h3>Experience wide, open spaces</h3>
- 
 
 264 
							<p>
109 
						<img src="/images/androidland/store-image-1.png" style="width: 685px;">
 265 
								Explore our spacious stores and experience the latest Android technology
- 
 
 266 
								and learn about the things you can do with the mobile Internet.
110 
						<div style="position: relative;top: -350px;left: 50px;background: black;color: white;width: 530px;padding: 25px;font-size: 40px;text-align: center;">PANORAMIC VIEW GOES HERE</div>
 267 
								Interact with the displays and devices. Take photographs with the Android robots.
- 
 
 268 
							</p>
- 
 
 269 
						</div>
- 
 
 270 
						<div class='image-holding-block right-inner-block'>
- 
 
 271 
							<img class='image-block' src='/images/androidland/space-block.jpg'>
- 
 
 272 
						</div>
- 
 
 273 
						<div style='clear:both;'></div>
111 
					</div>
 274 
					</div>
- 
 
 275 
					<div class='separator'></div>
112
276
113 
					<div style="padding:5px;">
 277 
					<div class='outer-block'>
- 
 
 278 
						<div class='image-holding-block left-inner-block'>
114 
					<object width="685" height="459" type="application/x-shockwave-flash" id="ytPlayer" data="http://www.youtube.com/v/ylP4DDwXZb8&amp;enablejsapi=1&amp;playerapiid=player"><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent"></object>
 279 
							<img class='image-block' src='/images/androidland/brands-block.jpg'>
- 
 
 280 
						</div>
- 
 
 281 
						<div class='right-inner-block'>
- 
 
 282 
							<h3>Explore all the big brands</h3>
- 
 
 283 
							<p>
- 
 
 284 
								You will find all the top smartphone/tablet brands under one roof
- 
 
 285 
								- Spice, Samsung, Micromaxx, Karbonn, HTC, LG, Motorola, Asus, and much more...
- 
 
 286 
							</p>
- 
 
 287 
						</div>
- 
 
 288 
						<div style='clear:both;'></div>
115 
					</div>
 289 
					</div>
116
290
- 
 
 291 
					<div>
117 
					<h3 style="border-bottom:1px solid #AAAAAA;border-top:1px solid #AAAAAA;padding: 10px;margin: -0 0 10px 0;">PLEASE VISIT US</h3>
 292 
						<div class="cycle" style="background:url('/images/androidland/panorama.jpg');height:330px"></div>
- 
 
 293 
					</div>
118
294
119 
					<div style="float:left;margin:10px 10px;padding:10px;width:200px;">
 295 
					<div class='outer-block'>
120 
						<strong>KORAMANGALA</strong><br>
 296 
						<div class='left-inner-block'>
121 
						Lorem ipsum.<br>
 297 
							<h3>Expert advice</h3>
- 
 
 298 
							<p>
- 
 
 299 
								AndroidLand store staff (Spice Android Gurus) have been specially trained
- 
 
 300 
								on the Android platform and will be able to help you select the device that’s
- 
 
 301 
								right for you and then set-up, customize and provide apps recommendations.
122 
						Lorem ipsum.<br>
 302 
							</p>
123 
						Lorem ipsum.<br>
 303 
						</div>
- 
 
 304 
						<div class='image-holding-block right-inner-block'>
- 
 
 305 
							<img class='image-block' src='/images/androidland/advice-block.jpg'>
124 
						Lorem ipsum.<br>
 306 
						</div>
- 
 
 307 
						<div style='clear:both;'></div>
125 
					</div>
 308 
					</div>
- 
 
 309 
					<div class='separator'></div>
- 
 
 310
- 
 
 311 
					<div class="outer-block">
126 
					<div style="float:left;margin:10px 10px;padding:10px;width:200px;">
 312 
						<div style="margin: 0 25px 0 50px;" class='inline-mini-banner'>
127 
					<strong>TGIP MALL, NOIDA</strong><br>
 313 
							<img width="220px" height="140px" src="/images/androidland/free-wifi.jpg">
128 
						Lorem ipsum.<br>
 314 
						</div>
- 
 
 315 
						<div style="margin: 0 25px 0 25px;" class='inline-mini-banner'>
- 
 
 316 
							<img width="220px" height="140px" src="/images/androidland/special-deals.jpg">
129 
						Lorem ipsum.<br>
 317 
						</div>
- 
 
 318 
						<div style="margin: 0 50px 0 25px;" class='inline-mini-banner'>
- 
 
 319 
							<img width="220px" height="140px" src="/images/androidland/play-zone.jpg">
130 
						Lorem ipsum.<br>
 320 
						</div>
- 
 
 321
131 
						Lorem ipsum.<br>
 322 
						<div style="clear:both;"></div>
132 
					</div>
 323 
					</div>
133 
					<div style="clear:both;border-bottom:solid 1px #AAAAAA"></div>
 - 
 
134
324
- 
 
 325 
					<div class='separator'></div>
- 
 
 326
- 
 
 327 
					<div>
- 
 
 328 
						<h3 class='address-heading'>Androidland, Koramangla
135 
					<div style="padding:5px;">
 329 
							<span style="font-size: 16px;">
- 
 
 330 
								<br>472/5A, 80 Feet Road,
- 
 
 331 
								<br> Koramangala 3rd Block
- 
 
 332 
								<br>Bangalore - 560095 (Karnataka)
- 
 
 333 
							</span>
- 
 
 334 
						</h3>
- 
 
 335 
						<div id="map_canvas_kor" class='map_canvas'></div>
136 
						<div id="map_canvas"></div>
 336 
						<div style="clear:both;"></div>
- 
 
 337 
					</div>
- 
 
 338 
					<div style='margin:40px;'>
- 
 
 339 
						&nbsp;
137 
					</div>
 340 
					</div>
138
341
139 
				</div><!-- .grid_3_left_middle -->
 342 
    			</div>
140 
 
 343
- 
 
 344 
    			</div>
- 
 
 345 
    		</div>
- 
 
 346 
    	</div>
- 
 
 347
- 
 
 348 
        #include("templates/footer.vm")
- 
 
 349 
        #include ( "templates/commonjsfiles.vm" )
- 
 
 350 
		<script type="text/javascript" src="/js/jquery.slidy.min.js"></script>
- 
 
 351 
    	<script>
- 
 
 352 
    		(function (jQuery) {
- 
 
 353 
                jQuery.fn.cyclotron = function (options) {
- 
 
 354 
                    var settings = jQuery.extend({
141 
                <div class="grid_3_right">
 355 
                        dampingFactor: 0.93,
142 
                    <div class="island">
 356 
                        historySize: 5
- 
 
 357 
                    }, options);
- 
 
 358 
                    return this.each(function () {
- 
 
 359 
                        var container, sx, dx = 0, armed, offset = 0, tick, prev, h = [];
143 
                        <div class="island_title">
 360 
                        container = jQuery(this);
- 
 
 361
- 
 
 362 
                        container.mousedown(function (e) {
- 
 
 363 
                            sx = e.pageX - offset;
144 
                            Android Devices
 364 
                            armed = true;
- 
 
 365 
                            e.preventDefault();
145 
                        </div>
 366 
                        });
- 
 
 367 
                        container.mousemove(function (e) {
- 
 
 368 
                            var px;
- 
 
 369 
                            if (armed) {
- 
 
 370 
                                px = e.pageX;
- 
 
 371 
                                if (prev === undefined) {
- 
 
 372 
                                    prev = px;
- 
 
 373 
                                }
- 
 
 374 
                                offset = px - sx;
- 
 
 375 
                                if (h.length > settings.historySize) {
- 
 
 376 
                                    h.shift();
- 
 
 377 
                                }
- 
 
 378 
                                h.push(prev - px);
146 
 
 379
147 
                        <div class="island_img"><img src="/images/androidland/devices-widget-image.png"></div>
 380 
                                container.css('background-position', offset);
148 
 
 381
- 
 
 382 
                                prev = px;
- 
 
 383 
                            }
- 
 
 384 
                        });
- 
 
 385 
                        container.bind('mouseleave mouseup', function () {
149 
                        <div class="island_content">
 386 
                            if (armed) {
150 
                            Learn more about the latest Android devices and accessories.
 387 
                                var i, len = h.length, v = h[len - 1];
- 
 
 388 
                                for (i = 0; i < len; i++) {
151 
                        </div><a class="arrow_link" href="/androidland-devices">Find Out More</a>
 389 
                                    v = (v * len + (h[i])) / (len + 1);
- 
 
 390 
                                }
- 
 
 391 
                                dx = v;
152 
                    </div>
 392 
                            }
153 
 
 - 
 
154 
                    <div class="island">
 393 
                            armed = false;
- 
 
 394 
                        });
155 
                        <div class="island_title">
 395 
                        tick = function () {
156 
                            Android Apps
 396 
                            if (!armed) {
157 
                        </div>
 397 
                                dx = 2;
158 
 
 - 
 
159 
                        <div class="island_img"><img src="/images/androidland/apps-widget-image.png"></div>
 398 
                                dx *= settings.dampingFactor;
160 
 
 - 
 
161 
                        <div class="island_content">
 399 
                                offset -= dx;
162 
                            Find out the most useful apps to bring the best out of your Android smartphone.
 400 
                                container.css('background-position', offset);
163 
                        </div><a class="arrow_link" href="/androidland-apps">Locate Us</a>
 401 
                                if (Math.abs(dx) < 0.001) {
- 
 
 402 
                                    dx = 0;
- 
 
 403 
                                }
- 
 
 404 
                            }
164 
                    </div>
 405 
                        };
165 
				</div><!-- .grid_3_right -->
 406 
                        setInterval(tick, 16);
166 
            </div><!-- .content -->
 407 
                    });
- 
 
 408 
                };
- 
 
 409 
            }(jQuery));
- 
 
 410
- 
 
 411 
            jQuery(document).ready(function (jQuery) {
- 
 
 412 
                jQuery('.cycle').cyclotron();
167 
        </div>
 413 
            });
168 
    </div>
 414 
        </script>
- 
 
 415 
		<script>
- 
 
 416 
			jQuery('#store-banners').slidy({
- 
 
 417 
                animation:  'fade',
- 
 
 418 
                pause:      true,
169 
    #include("templates/footer.vm")
 419 
                speed:      1500,
- 
 
 420 
                time:       3000,
- 
 
 421 
    			width:		940,
- 
 
 422 
    			height:		450
- 
 
 423 
            });
- 
 
 424 
		</script>
170 
</body>
 425 
    </body>
171 
</html>
 426 
</html>
172 

            427